<template>
  <button class="m-button" :class="state.buttonType">
    <slot></slot>
  </button>
</template>

<script setup>
import { reactive } from 'vue'

const props = defineProps({
  type: {
    type: String,
    default: 'text'
  }
})
const state = reactive({
  buttonType: 'm-button--' + props.type
})
</script>
